<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Microcharts widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
img_whs3 { border:none; width:788px; height:274px; border-style:none; }
p.whs4 { font-size:10pt; }
ul.whs5 { list-style:disc; }
p.whs6 { font-weight:bold; font-size:10pt; }
ol.whs7 { list-style:decimal; }
p.whs8 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
ul.whs10 { list-style:square; }
p.whs11 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Microcharts widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating a Microcharts widget</h1>
<p class="whs2">The Microcharts widget consists of one or more 
 microcharts, which are compact representations of data that allow analysts 
 to quickly visualize trends in data. </p>
<p class="whs2">&nbsp;</p>
<p class="whs2">Microcharts convey information in such a way 
 that the user can, at a glance, determine the trend of a metric over time 
 or how a metric is performing compared to forecasted figures. The Microcharts 
 widget is useful for this purpose because individual microcharts can display 
 attribute and metric data in a small graph that would otherwise be displayed 
 as a single value in a grid report cell.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_microcharts_widget.gif" width="788px" height="274px" border="0" class="img_whs3"></p>
<p class="whs2">&nbsp;</p>
<p class="whs2">The Microcharts widget can be used when an analyst 
 needs to quickly visualize the trend of a metric at a glance without having 
 to know many additional details. The bar, sparkline, and bullet microcharts 
 used in the Microcharts widget convey information that an analyst can 
 understand just by looking at the graph once. </p>
<p class="whs4">&nbsp;</p>
<p class="whs4"><span style="font-size: 10pt;"><font size=2 style="font-size:10pt;">You can view 
 these rows of microcharts in several ways:</font></span></p>
<ul type="disc" class="whs5">
	
<li class=p><p class="whs4">As a scrolling ticker that 
 moves horizontally </p></li>
	
<li class=p><p class="whs4">As scrolling rows that move 
 vertically</p></li>
</ul>
<p class="whs4">&nbsp;</p>
<p class="whs4">The number of rows in the widget represents 
 the number of elements from the first attribute on the rows of the Grid/Graph 
 that contains the widget. For example, the widget above has seven rows 
 of regional data because the Region attribute on the Grid/Graph's rows 
 has seven different elements, or regions.</p>
<p class="whs4">&nbsp;</p>
<p class="whs6">To create and add a Microcharts 
 widget to a document</p>
<ol type="1" class="whs7">
	
<li style=" font-size: 9pt; " class=p><p class="whs8">Open 
 the document in <span style="font-weight: bold;"><B>Design</B></span> or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs8">From 
 the <span style="font-weight: bold;"><B>Insert</B></span> menu, point to <span 
 style="font-weight: bold;"><B>Widgets</B></span>, and then select <span style="font-weight: bold;"><B>Microcharts</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs7">
	
<li style=" font-size: 9pt; " class=p><p class="whs8">Click 
 the location on your document in which to place the widget. You cannot 
 place the widget in the Detail section of a document. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs8">The 
 Grid/Graph, which looks like a standard grid container, is displayed. 
 A small icon is displayed at the bottom right of the Grid/Graph, identifying 
 the type of widget you added to the document.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs8">If 
 required, resize the widget by clicking and dragging its handles.</p></li>
</ol>
<p class="whs9">&nbsp;</p>
<p class="whs9">Add 
 objects to the Grid/Graph that contains the widget</p>
<ol start="6" type="1" class="whs7">
	
<li style=" font-size: 9pt; " class=p><p class="whs8">From 
 the <span style="font-weight: bold;"><B>Dataset Objects</B></span> panel on the 
 left, select attributes, and drag them on top of the widget. The steps 
 below ensure that the widget is prepared to display all three microcharts 
 (bar, sparkline, and bullet); however, this procedure also contains information 
 to display or hide any of the microcharts.</p></li>
	<ul type="disc" class="whs5">
		
<li class=p><p class="whs8">If 
 KPI List mode will not be used, place at least two attributes on the Grid/Graph&rsquo;s 
 rows.</p></li>
		<ul type="square" class="whs10">
			
<li class=p><p class="whs8">The 
 last (right-most) attribute on the rows determines the X-axis values in 
 the bar microcharts and in the sparkline microcharts in the widget. </p></li>
			
<li class=p><p class="whs8">The 
 remainder of the attributes on the rows (the first, second, third, fourth, 
 and so on), determine the total number of rows displayed in the widget. 
 The elements from those attributes become individual rows in the widget.</p></li>
		</ul>
		
<li class=p><p class="whs8">If 
 KPI List mode will be used: </p></li>
		<ul type="square" class="whs10">
			
<li class=p><p class="whs8">Only 
 one attribute can be included on the rows if the widget will be used with 
 KPI List mode enabled in Grid mode or Vertical Scroll mode. </p></li>
			
<li class=p><p class="whs8">Use 
 a time-based attribute such as Month since the attribute controls the 
 time series of the bar charts and of the sparklines in the widget. If 
 only one attribute is included on the rows, KPI List mode is enabled automatically 
 and the widget cannot be used except in KPI List mode. </p></li>
		</ul>
	</ul>
</ol>
<ol start="7" type="1" class="whs7">
	
<li style=" font-size: 9pt; " class=p><p class="whs8">Place 
 at least <span style="font-weight: bold;"><B>seven metrics</B></span> on the 
 Grid/Graph&rsquo;s columns.</p></li>
</ol>
<ul type="square" class="whs10">
	<ul type="disc" class="whs5">
		
<li class=p><p class="whs8">The 
 first (left-most) metric on the columns determines the height of the bars 
 in the bar microcharts and the peak points in the sparkline microcharts.</p></li>
		
<li class=p><p class="whs8">The 
 second metric creates the horizontal reference lines that are displayed 
 in the sparkline microcharts.</p></li>
		
<li class=p><p class="whs8">The 
 third metric determines the length of the performance measure bar in the 
 bullet microcharts. The bar represents the actual metric value.</p></li>
		
<li class=p><p class="whs8">The 
 fourth metric determines the maximum possible values in the bullet microcharts.</p></li>
		
<li class=p><p class="whs8">The 
 fifth metric determines the right-most boundary of the first color band, 
 Band 1, in the bullet microcharts. </p></li>
		
<li class=p><p class="whs8">The 
 sixth metric determines the right-most boundary of the second color band, 
 Band 2, in the bullet microcharts. </p></li>
		
<li class=p><p class="whs8">The 
 seventh metric determines the value of the vertical reference line in 
 the bullet microcharts, which is typically the target value for the metric.</p></li>
		
<li class=p><p class="whs8">Any 
 additional metrics are displayed in the columns of the widget, after the 
 microcharts and their associated metrics.</p></li>
	</ul>
</ul>
<p class="whs9">&nbsp;</p>
<p class="whs9">Enable 
 the widget to be displayed in Flash Mode</p>
<ol start="8" type="1" class="whs7">
	
<li style=" font-size: 9pt; " class=p><p class="whs8">From 
 the <span style="font-weight: bold;"><B>Tools</B></span> menu, select <span style="font-weight: bold;"><B>Document 
 Properties</B></span>. The Properties dialog box opens. Select the <span style="font-weight: bold;"><B>Flash</B></span> 
 check box under Run Modes. For more information about Flash mode, see 
 
<a href="Flash_Mode.htm">Viewing documents in Flash Mode</a>.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs8">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to apply the changes and return 
 to the document.</p></li>
</ol>
<p class="whs8">&nbsp;</p>
<p class="whs9">Related 
 topics</p>
<ul type="disc" class="whs5">
	
<li class=p><p class="whs11">
<a 
 href="Formatting_a_Microcharts_widget.htm">Formatting a Microcharts widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Analyzing_data_in_a_Microcharts_widget.htm">Analyzing data in a 
 Microcharts widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Using_a_Microcharts_widget_as_a_selector.htm">About using a Microcharts 
 widget as a selector</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
